<!DOCTYPE html>
<html  lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>我的收藏</title>

    <link href="/static/yonghu/AmazeUI-2.4.2.assets.css/admin.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.bootcss.com/amazeui/2.5.1/css/amazeui.css" rel="stylesheet" type="text/css" />

    <link href="/static/yonghu/css/personal.css" rel="stylesheet" type="text/css">
    <link href="/static/yonghu/css/colstyle.css" rel="stylesheet" type="text/css">

    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.5.1/js/amazeui.min.js"></script>

</head>

<body>
<!--头 -->
<header>
    <article>
        <div class="mt-logo">
            <!--顶部导航条 -->

            <!--悬浮搜索框-->

            <div class="clear"></div>
        </div>
        </div>
    </article>
</header>
<div class="nav-table">
    <div class="long-title"><span class="all-goods">个人中心</span></div>
</div>
<b class="line"></b>
<div class="center">
    <div class="col-main">
        <div class="main-wrap">

            <div class="user-collection">
                <!--标题 -->
                <div class="am-cf am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">我的收藏</strong> / <small>My&nbsp;Collection</small></div>
                </div>
                <hr/>

                <div class="you-like">
                    <div class="s-bar">
                        我的收藏

                    </div>
                    <div class="s-content" >
                        <div class="s-item-wrap" th:each="list : ${list}">
                            <div class="s-item">

                                <div class="s-pic">
                                    <a href="#" class="s-pic-link">
                                        <img th:text="${list.course.coursePic}" alt="" title="" class="s-pic-img s-guess-item-img">
                                    </a>
                                </div>
                                <div class="s-info">
                                    <div class="s-title">
                                        <a th:text="${list.course.courseName}"></a>
                                    </div>
                                    <div class="s-title">
                                        <span class="s-price" th:text="${list.course.courseIntroduction}"><em class="s-price-sign"></em><em class="s-value">课程名：</em></span>
                                        <!--												<span class="s-history-price"><em class="s-price-sign">¥</em><em class="s-value">68.00</em></span>-->
                                    </div>
                                    <div class="s-title">
                                        <span class="s-price" th:text="${list.course.coursePrice}">学习时间</span>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="s-more-btn i-load-more-item" data-screen="0"><i class="am-icon-refresh am-icon-fw"></i>更多</div>

                </div>

            </div>
        </div>
        <!--底部-->

    </div>

    <aside class="menu">
        <ul>
            <li class="person">
                <a href="#">个人中心</a>
            </li>
            <li class="person">
                <ul>
                    <li> <a href="/user/toInformation">个人信息</a></li>

                </ul>
            </li>
            <li class="person">
                <ul>
                    <li><a href="/order/toOrder">我的订单</a></li>
                </ul>
            </li>
            <li class="person">
                <ul>
                    <li><a href="/study/toStudy">课程</a></li>
                    <li class="active"> <a href="/like/toCollect">收藏</a></li>
                </ul>
            </li>

        </ul>

    </aside>
</div>

</body>

</html>